@charset "utf-8";
/*-- reset css --*/
body,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0;}
body,button,select,textarea { font:12px/1.5 simsun,"Microsoft YaHei",Verdana, Geneva, sans-serif;}
body { background:#fff url(../images/mbg.gif);}
ul,ol,li,dl,dd{list-style:none}
input,select { vertical-align:middle;}
em { font-style:normal;}
img{border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;}
h6 { font-weight:normal;}
.clearfix:after{content:".";height:0;display:block;visibility:hidden;clear:both}
.clearfix {zoom:1;} 
table {border-collapse:collapse; border-spacing:0px;}
a { color:#3e3e3e; text-decoration:none;}
a:hover { color:#c00; text-decoration:none;}

#wrapper { background:url(../images/bg.gif) repeat-y center top; width:100%; clear:both;}
#header { background:url(../images/nav.gif) no-repeat center top;}
.hd { width:1003px; height:193px; position:relative; margin:0 auto;}
#toplink { height:24px; line-height:24px; text-align:right; color:#3e3e3e;}
#logo { width:180px; height:86px; position:absolute; left:0; top:0;}
#logo a { display:block; width:180px; height:86px; text-indent:-9999px; overflow:hidden;}
#mnav { width:315px; height:111px; position:absolute; left:185px; top:0;}
#snav { width:346px; height:88px; position:absolute; right:0; top:24px;}
#snav li { float:left; padding:23px 8px 0;}
#snav li a { width:40px; height:65px; display:block; text-align:center; text-indent:-9999px; overflow:hidden;}
.slogo { width:81px; height:83px; position:absolute; left:70px; top:100px;}
#webtitle { position:absolute; left:210px; top:140px; width:434px; height:23px; background:url(../images/webtitle.gif) no-repeat; text-indent:-9999px;}
#main { width:1003px; margin:0 auto;}
.cnav {}
.cnav ul { height:31px; padding-left:1px;}
.cnav ul li { float:left; margin-left:-1px;}
.cnav ul li a { display:block; width:126px; height:31px; line-height:31px; text-align:center; background:url(../images/navbg.gif) no-repeat; color:#0a0a0a;}
.cnav ul li a:hover { background-position:0 -31px; color:#fff;}

#search { border:1px solid #dcdcdc; height:51px; width:999px;}
#search dl { float:left; width:125px; margin-left:-1px; position:relative; border-right:1px solid #dcdcdc;}
#search dl dt { height:51px; background:url(../images/s1.gif) no-repeat 22px center; width:125px;}
#search dl dt a { display:block; height:31px; text-align:right; padding-top:20px; line-height:22px; background:url(../images/sarr.gif) no-repeat 106px 25px; padding-right:25px; width:100px;}
#search dl.s2 dt { background:url(../images/s2.gif) no-repeat 22px center;}
#search dl.s3 dt { background:url(../images/s3.gif) no-repeat 22px center;}
#search dl.s4 dt { background:url(../images/s4.gif) no-repeat 22px center;}
#search dl.s5 dt { background:url(../images/s5.gif) no-repeat 22px center;}
#search dl.s6 dt { background:url(../images/s6.gif) no-repeat 22px center;}
#search dl dd {  position:absolute; left:0; top:50px; width:126px; background-color:#fbfbfb; display:none;}
#search dl dd ul.slist { border:1px solid #c8c8c6;}
#search dl dd ul.slist li { height:22px; cursor:pointer; line-height:22px; padding-left:38px; background:url(../images/libg.gif) no-repeat;}
#search dl dd ul.slist li.selected { background-position:0 -22px;}
#search dl.s6 dd { width:375px; border:1px solid #dcdcdc; background-color:#f0f0f0; padding-bottom:12px;}
#search dl.s6 dd h6 { height:29px; border-bottom:1px solid #afafaf; background:url(../images/stitlebg.gif) repeat-x; padding-left:17px; line-height:29px;}
#search dl.s6 dd ul.taglist li { float:left; margin:11px 0 0 9px;}
#search dl.s6 dd ul.taglist li a { display:block; width:109px; height:27px; text-align:center; line-height:27px; color:#626262; background:url(../images/lion.gif) no-repeat;}
#search dl.s6 dd ul.taglist li a:hover { background-position:0 -27px; color:#fff;}
#search .searchbar { float:right; width:203px; padding-left:32px; margin-top:15px; background:url(../images/search.gif) no-repeat; height:35px;}
#search .searchbar .stxt { float:left; width:117px; height:20px; line-height:20px; padding:4px 0; border:0 none; background:none;}
#search .searchbar .sbtn { width:67px; height:27px; cursor:pointer; background:none; border:0 none;}
#location { clear:both; height:42px; line-height:42px; font-size:14px; padding:0 5px; color:#333;}
.mainbox { clear:both; margin-bottom:10px;}
.mleft { float:left; width:722px;}
#focus {}
#focus h2 { height:34px; line-height:34px; padding-left:10px; font-size:16px; font-weight:400; color:#333; background:url(../images/tbg.gif) repeat-x; border:1px solid #dcdcdc; border-bottom:0 none;}

.mright { float:right; width:270px;}
.mrbox { border:1px solid #dcdcdc;}
.mrbox h2 { height:34px; line-height:34px; padding-left:10px; font-size:14px; font-weight:400; color:#333; background:url(../images/tbg.gif) repeat-x; }
.mrbox h2 .title { display:inline-block; padding-left:40px; background:url(../images/i1.gif) no-repeat left center;}
.mrcon { padding:18px;}
ul.rlink li { text-align:center; background:url(../images/rlink.gif) no-repeat; line-height:45px; padding-left:69px; height:45px; margin-bottom:10px; font-weight:bold; font-size:16px; width:160px;}
ul.rlink li.r2 { background-position:0 -45px;}
ul.rlink li.r3 { background-position:0 -90px;}
ul.rlink li.r4 { background-position:0 -135px;}
ul.rlink li.r5 { background-position:0 -180px;}
ul.rlink li.r6 { background-position:0 -225px;}
.uplink { clear:both; text-align:center;}
.sop { margin-top:10px;}
.ssbtn { width:80px; height:25px; line-height:25px; color:#000; border:0 none; background:url(../images/searchbtnbg.gif) repeat-x; cursor:pointer;}
.rad { clear:both; text-align:center; padding:10px 0; border:1px solid #dcdcdc;}
.mrs { padding:10px 18px 14px;}
.rollbox { border:1px solid #dcdcdc; height:159px; padding:5px 0; margin-bottom:10px;}

.jcarousel-skin-tango .jcarousel-container {width:1000px; height:159px; position:relative;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:1000px; margin:0 auto; overflow:hidden; height:159px;}
.jcarousel-skin-tango .jcarousel-item {float:left; width:250px; text-align:center;}
.jcarousel-skin-tango .jcarousel-item a { display:block; width:230px; height:157px; border:1px solid #b0b0b0; overflow:hidden; margin:0 auto;}
.jcarousel-skin-tango .jcarousel-item a:hover { border-color:#ccc;}
.jcarousel-skin-tango .jcarousel-next-horizontal { width:58px; height:58px; position:absolute; left:20px; top:47px; cursor:pointer; background:url(../images/movebtn.png) no-repeat;}
.jcarousel-skin-tango .jcarousel-prev-horizontal { width:58px; height:58px; cursor:pointer; position:absolute; right:20px; top:47px; background:url(../images/movebtn.png) no-repeat -59px 0;}

.indexwork {}
.indexwork h2 { height:34px; line-height:34px; padding-left:10px; font-size:16px; font-weight:400; color:#333; background:url(../images/tbg.gif) repeat-x; border:1px solid #dcdcdc; border-bottom:0 none;}
.indexworkcon { width:722px; overflow:hidden; padding-bottom:30px;}
ul.wlist { width:110%;}
ul.wlist li { float:left; width:230px; margin-top:18px; text-align:center; margin-right:13px; border:1px solid #e2e2e1;}
ul.wlist li .wpic { width:230px; height:157px; overflow:hidden; display:block;}
ul.wlist li h5 { height:32px; line-height:32px; font-size:14px; font-weight:normal;border-top:1px solid #ececec; }
ul.wlist li .winfo { height:29px; background:url(../images/info.gif) repeat-x; border-top:1px solid #ececec; color:#3e3e3e; line-height:29px;}
.pages { background:url(../images/pagebg.gif) repeat-x; height:40px; border:1px solid #dbdbda; clear:both;}
.pages a { display:inline-block; height:38px; margin-top:2px; line-height:38px; font-size:16px; color:#2d2d2d; width:51px; float:left; text-align:center;}
.pages a:hover { background-color:#fff; border-top:2px solid #f41818; margin-top:0;}
.pages a.first,.pages a.first:hover { background:url(../images/first.gif) no-repeat center; border-right:1px solid #cccbc9; height:40px; margin-top:0; border-top:0 none;}
.pages a.pre,.pages a.pre:hover { background:url(../images/pre.gif) no-repeat center; border-right:1px solid #cccbc9; height:40px; margin-top:0; border-top:0 none;}
.pages a.next,.pages a.next:hover { background:url(../images/next.gif) no-repeat center; border-left:1px solid #cccbc9; height:40px; margin-top:0; border-top:0 none;}
.pages a.end,.pages a.end:hover { background:url(../images/last.gif) no-repeat center; border-left:1px solid #cccbc9; height:40px; margin-top:0; border-top:0 none;}
ul.mrlist li { padding:4px 0;}
.mb10 { margin-bottom:10px;}
#footer { clear:both; padding:15px 10px; width:980px; margin:0 auto; color:#505050;}
#botbg { clear:both; height:27px; width:100%; background:url(../images/botbg.gif) no-repeat center top;}

.pleft { float:left; width:241px;}
.loginlink { margin-bottom:2px; width:241px; height:47px; background:url(../images/logintitle.gif) no-repeat;}
.loginlink li { float:left; width:120px; height:47px;}
.loginlink li a { display:block; width:120px; height:47px; text-indent:-9999px; overflow:hidden;}
.hlbox { margin-bottom:10px;}
.hlbox h2 { height:28px; line-height:28px; text-align:center; color:#fff; background:url(../images/ltbg.gif) repeat-x; font-size:18px; font-family:"Microsoft YaHei"; font-weight:400;}
dl.hmenu { border:1px solid #dbdbda;}
dl.hmenu dt { height:26px; background:url(../images/dtbg.gif) repeat-x; position:relative; border-bottom:1px solid #dbdbda;}
dl.hmenu dt a { display:block; padding-left:62px; height:26px; line-height:26px; width:177px; color:#000; font-size:14px; background:url(../images/helpicon.gif) no-repeat 23px 1px;}
dl.hmenu dt a#hi2 { background-position:23px -25px;}
dl.hmenu dt a#hi3 { background-position:23px -51px;}
dl.hmenu dt a#hi4 { background-position:23px -79px;}
dl.hmenu dt a#hi5 { background-position:23px -106px;}
dl.hmenu dt a#hi6 { background-position:23px -135px;}
dl.hmenu dt a#hi7 { background-position:23px -162px;}
dl.hmenu dt em { position:absolute; width:11px; height:11px; background:url(../images/arrow.gif) no-repeat; right:20px; top:8px; display:block;}
dl.hmenu dt.active em { background:url(../images/arrow1.gif) no-repeat;}
dl.hmenu dd { display:none; padding:10px 0 15px 47px;}
dl.hmenu dd li { line-height:20px; padding-left:15px; background:url(../images/arrow2.gif) no-repeat 0 6px;}
 
.pright { float:right; width:752px;}
.rtabt { height:47px; background:url(../images/rnavbg.gif) no-repeat; clear:both; overflow:hidden;}
.rtabt ul { padding:7px 0 0 14px;}
.rtabt ul li { float:left; margin-right:5px;}
.rtabt ul li a { display:block; width:96px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff;}
.rtabt ul li.current a { background:url(../images/rnav.gif) no-repeat; color:#e42400;}
.lside { float:left; width:537px; }
.r_con {width:535px; border:1px solid #dbdbda;}
.r_con h2 { height:26px; background:url(../images/rtbg.gif) repeat-x; border-bottom:1px solid #dbdbda;}
.r_con .r_concon { padding:15px 26px;}
ul.nlist li { line-height:21px; padding-left:15px; background:url(../images/arrow2.gif) no-repeat 0 8px; color:#3b3b3b;}
ul.nlist li a { color:#0262cb;}
ul.nlist li a:hover { color:#c00;}

.rside { float:right; width:205px;}
.rsbox {border:1px solid #dbdbda; margin-bottom:10px;}
.rsbox h2 { height:26px; background:url(../images/rtbg.gif) repeat-x; border-bottom:1px solid #dbdbda;}
.rsbox .rscon { padding:3px;}
.workdetal { border:1px solid #dcdcdc; margin-bottom:15px;}
.workdetal h2 { height:34px; line-height:34px; padding-left:10px; font-size:16px; font-weight:400; color:#333; background:url(../images/tbg.gif) repeat-x;}
.workdetal .detail {}
.bigpic { text-align:center; padding:15px;}
.wtable td { border:1px solid #dcdcdc; padding:0px 15px; height:27px; color:#000;}
.wtable td.t { background:url(../images/tablebg.gif) repeat-x; text-align:center; color:#535353;}
.wtable td.t_c { text-align:center;}
.c_red { color:red;}
a.download { display:inline-block; width:93px; height:24px; line-height:24px; color:#fff; text-align:center; background:url(../images/downbtn.gif) no-repeat}
a.addfav,a.jbbtn { width:48px; height:23px; background:url(../images/addfav.gif) no-repeat; color:#fff; line-height:23px; display:inline-block; padding-left:12px;}
a.jbbtn { background:url(../images/jbbtn.gif) no-repeat;}
.userwork { margin-bottom:15px; background-color:#de3117;}
.userwork .uworks { background:url(../images/userinfobg.gif) repeat-x; padding:11px 34px;}
.userwork .uworks .u_avat { float:left; width:76px;}
.userwork .uworks .u_info { float:right; width:560px; color:#fff; line-height:28px; padding-top:8px;}
ul.mworkslist { padding:10px 0 10px 28px;}
ul.mworkslist li { float:left; text-align:center; width:167px;}
.moreworks { padding-bottom:10px;}
.morelink { clear:both; height:38px; line-height:38px; border:1px solid #9e1a0b; background:url(../images/morepic.gif) repeat-x; margin:0 auto; width:652px; text-align:center;}
.morelink a { display:inline-block; padding-left:25px; height:38px; line-height:38px; color:#fff; background:url(../images/morearr.gif) no-repeat left center;}
.relatewroks { margin-bottom:10px;}
.relatewroks h2 { height:34px; line-height:34px; padding-left:10px; font-size:16px; font-weight:400; color:#333; background:url(../images/tbg.gif) repeat-x; border:1px solid #dcdcdc; border-bottom:0 none;}
ul.reworklist li { float:left; width:178px; text-align:center; margin-top:18px;}
.logoutlink { margin-bottom:2px; width:241px; height:47px; background:url(../images/logout.gif) no-repeat;}
.logoutlink li { float:left; width:120px; height:47px;}
.logoutlink li a { display:block; width:120px; height:47px; text-indent:-9999px; overflow:hidden;}
dl.umenu { border:1px solid #dbdbda;}
dl.umenu dt { height:26px; background:url(../images/dtbg.gif) repeat-x; border-bottom:1px solid #dbdbda;}
dl.umenu dt h6 { line-height:26px; padding-left:50px; height:26px; font-size:14px; background:url(../images/icon.gif) no-repeat 12px 3px;}
dl.umenu dt h6.ut2 { background-position:12px -25px;}
dl.umenu dt h6.ut3 { background-position:12px -53px;}
dl.umenu dt h6.ut4 { background-position:12px -80px;}
dl.umenu dt h6.ut5 { background-position:12px -109px;}
dl.umenu dt h6.ut6 { background-position:12px -138px;}
dl.umenu dd { padding:15px; border-bottom:1px solid #dbdbda;}
dl.umenu dd li { line-height:28px; height:28px; padding-left:30px; background:url(../images/icon.gif) no-repeat 0 -162px;}
dl.umenu dd li a { color:#000;}
dl.umenu dd li a.c_red,dl.umenu dd li a:hover { color:red;}
dl.umenu dd li.i2 { background-position:0 -186px;}
dl.umenu dd li.i3 { background-position:0 -214px;}
dl.umenu dd li.i4 { background-position:0 -241px;}
dl.umenu dd li.i5 { background-position:0 -265px;}
dl.umenu dd li.i6 { background-position:0 -294px;}
dl.umenu dd li.i7 { background-position:0 -319px;}
dl.umenu dd li.i8 { background-position:0 -345px;}
dl.umenu dd li.i9 { background-position:0 -370px;}
dl.umenu dd li.i10 { background-position:0 -396px;}
dl.umenu dd li.i11 { background-position:0 -422px;}
dl.umenu dd li.i12 { background-position:0 -449px;}
dl.umenu dd li.i13 { background-position:0 -474px;}
dl.umenu dd li.i14 { background-position:0 -501px;}
dl.umenu dd li.i15 { background-position:0 -527px;}
dl.umenu dd li.i16 { background-position:0 -553px;}
dl.umenu dd li.i17 { background-position:0 -581px;}
dl.umenu dd li.i18 { background-position:0 -607px;}
dl.umenu dd li.i19 { background-position:0 -633px;}
dl.umenu dd li.i20 { background-position:0 -660px;}
dl.umenu dd li.i21 { background-position:0 -687px;}
dl.umenu dd li.nobg { background:none;}
.userindexcon { padding:20px;}
.uleft { float:left; width:150px;}
.ulinfo { padding-top:10px;}
.ulinfo p { padding:6px 0;}
.uright { float:right; width:320px;}
.uright p { padding:6px 0;}
.uright p .success { width:24px; height:18px; display:inline-block; background:url(../images/i3.gif) no-repeat; vertical-align:middle;}
a.czlink { width:59px; height:21px; line-height:21px; color:#fff; background:url(../images/cz.gif) no-repeat; display:inline-block; vertical-align:middle; text-align:center;}
.mcbox { padding-bottom:15px;}
ul.mlink li { float:left; margin:9px 0 0 9px; width:88px; line-height:21px; padding-top:11px; height:60px; background:url(../images/mlink.gif) no-repeat; display:inline; padding-left:80px;}
ul.mlink li.m2 { background-position:0 -71px;}
ul.mlink li.m3 { background-position:0 -142px;}
ul.mlink li.m4 { background-position:0 -213px;}
ul.mlink li.m5 { background-position:0 -284px;}
ul.mlink li.m6 { background-position:0 -355px;}
ul.mlink li.m7 { background-position:0 -426px;}
ul.mlink li.m8 { background-position:0 -497px;}
ul.mlink li.m9 { background-position:0 -568px;}
.tip { height:31px; position:relative; background:url(../images/tipbg.gif) repeat-x; padding:0 8px; line-height:31px;}
.tip p { padding-left:34px; line-height:31px; background:url(../images/tipicon.gif) no-repeat left center; color:#dbdbda;}
.tip .tiparr { width:11px; height:6px; position:absolute; left:49px; top:-6px; background:url(../images/tiparr.gif) no-repeat;}


.popbox .poptitle { height:45px; background:url(../images/poptitle.gif) repeat-x; line-height:45px; color:#fff; text-align:center; position:relative; border-top-right-radius:15px; border-top-left-radius:15px;}
.popbox .poptitle .close { position:absolute; right:-22px; top:-21px; width:47px; height:47px; background:url(../images/close.gif) no-repeat; cursor:pointer;}
.popcon { padding:30px 45px;}
.regleft { float:left; width:280px;}
.regleft h2 { border-bottom:1px solid #ccc; height:29px; padding-left:18px; margin-bottom:12px;}
.regleft h2 .regtitle { width:113px; height:29px; display:block; background:url(../images/regtitle.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
.regright { float:right; width:280px;}
.regright h2 { border-bottom:1px solid #ccc; height:29px; padding-left:18px; margin-bottom:12px;}
.regright h2 .rztitle,.regright h2 .comtitle { width:113px; height:29px; display:block; background:url(../images/rztitle.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
.regright h2 .comtitle { background:url(../images/comtitle.gif) no-repeat;}
.regcon { padding-left:19px;}
.rztip { width:278px; height:83px; margin:0 auto 10px; background:url(../images/retip.gif) no-repeat;}
.rztip p { text-indent:32px;}
.rztip p.tn65 { text-indent:65px;}
ul.reglist li { margin-bottom:13px; height:23px;}
ul.reglist li .input { float:left; width:230px; height:21px; background:url(../images/input.gif) no-repeat; padding:1px;}
ul.reglist li .ntxt { width:112px; height:21px; line-height:21px; background:none; border:0 none;}
ul.reglist li .jcbtn { width:62px; height:19px; text-align:center; color:#fff; line-height:19px; border:1px solid #abaaaa; background:url(../images/btn1.gif) repeat-x; cursor:pointer;}
ul.reglist li label { padding-left:5px; color:#999;}
span.pw1,span.pw2,span.pw3 { width:72px; height:21px; text-align:center; display:inline-block; color:#fff; background:url(../images/pwbg.gif) repeat-x; line-height:21px;}
span.pw2 { background-position:0 -21px;}
span.pw3 { background-position:0 -42px;}
.input1 { width:108px; height:20px; padding:1px; background:url(../images/codebg.gif) no-repeat; float:left;}
.msbg { background:url(../images/btn1.gif) repeat-x; text-align:center; color:#fff; width:218px; display:inline-block; line-height:21px;}
.regbtn { width:155px; height:22px; line-height:22px; text-align:center; background:url(../images/btn2.gif) no-repeat; color:#fff; cursor:pointer; border:0 none;}
.error { width:18px; height:18px; background:url(../images/error.gif) no-repeat; display:inline-block; margin-top:2px;}
.select_input { width:34px; height:15px; border:1px solid #dadada;}
.selectbtn,.selectbtn1 { width:54px; height:18px; line-height:18px; background:url(../images/btn3.gif) repeat-x; color:#000; cursor:pointer; border:1px solid #d6d6d6;}
.selectbtn1 { width:34px;}
.mttip { width:221px; height:41px; text-align:center; background:url(../images/tiplink.gif) no-repeat; margin-bottom:10px; padding-top:4px;}
.mttip a { color:#fe0000;}
a.readlink { width:132px; height:21px; line-height:21px; display:inline-block; text-align:center; background:url(../images/btn2.gif) no-repeat 0 -22px; color:#fff; margin-right:12px;}
.submit { width:70px; height:20px; line-height:20px; cursor:pointer; background:url(../images/btn2.gif) no-repeat -161px 0; border:0 none; color:#fff;}
.jqmWindow {display: none; position:absolute; top: 20%; left: 50%; margin-left: -350px; width:700px; box-shadow:0px 2px 6px #000; border:1px solid #c5c4c4; background-color:#fff; border-radius:15px;}
.jqmOverlay { background-color: #000; }
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
* html .jqmWindow { position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}















